﻿@using StudyEnglish.Application.Service
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="../../Content/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/bootstrap.responsive.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.17.js" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="../../Scripts/DataTables-1.9.0/media/js/jquery.dataTables.js" type="text/javascript"></script>
    <link href="../../Content/DataTables-1.9.0/media/css/jquery.dataTables.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Content/DataTables-1.9.0/media/css/demo_page.css" rel="stylesheet"
          type="text/css" />
          
    <script src="../../Scripts/bootstrap-dropdown.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.jeditable.js" type="text/javascript"></script>
    <style type="text/css">
        body
        {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }
    </style>
    @RenderSection("xscripts", required: false)
</head>
<body>
    @{
        var model = AppService.CreateDictionaryModel();
    }
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <ul class="nav nav-pills">
                    <li>@Html.ActionLink("Home", "Index", "Library")</li>
                    
                    @foreach (var x in model.Dictionaries)
                    {
                        var menuId = "menu_" + (int)x.DictType;
                        var menuHref = "#menu_" + (int)x.DictType;
                        <li class="dropdown" id="@menuId">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="@menuHref">
                                @x.Name <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                @foreach (var item in x.Items)
                                {
                                    <li><a href="#">@item.Name</a></li>
                                }
                            </ul>
                        </li>    
                    }
                    
                    <li>@Html.ActionLink("About", "Index", "Files")</li>
                    <li>@Html.ActionLink("Manage", "Index", "Files")</li>
                    
                </ul>
               @* <div class="nav-collapse">
                    <ul class="nav">
                        
                        @foreach (var x in model.Dictionaries)
                        {
                            <li>@Html.ActionLink(x.Name, "Index", "Library")</li>
                        }
                        <li>@Html.ActionLink("Upload", "Index", "Files")</li>
                        <li>@Html.ActionLink("Dictionary", "Index", "Dictionary")</li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>*@
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container">
        @RenderBody()
    </div>
</body>
</html>
